// 用于开发环境
const { merge } = require('webpack-merge');
// 导入path模块（nodejs环境内置的模块）
const path = require('path');
// 导入公共文档 webpack.config.common.js
const commonConfig = require('./webpack.config.common');
// 设置配置选项
module.exports = merge(commonConfig, {
    // 设置开发环境模式
    mode: 'development',
    // 配置devServe 开启的http服务（热更新）
    // http://127.0.0.1:9000/
    devServer: {
        // 设置开启http服务的目录
        static: {
            directory: path.resolve(__dirname, 'dist')
        },
        // 是否自动打开页面
        open: true,
        // 设置端口
        port: 8080,
        // 是否设置保存代码自动刷新（热更新）
        hot: true,
        // 网络代理(辅助开发，使用别人的数据)
        proxy: {
            '/api': {
                // 目标代理地址
                target: 'http://127.0.0.1:3000',
                // 设置跨域
                changeOrigin: true,
                // 重载
                pathRewrite: {
                    '^/api': ''
                }
            },
        }
    }
})